<template>
	<div id="app">
		<nav>
			<router-link to="/">首页</router-link> |
			<router-link to="/about">关于</router-link>|
			<router-link to="/user">用户中心</router-link>|
			<router-link to="/produce/123"> 产品123</router-link>|
			<router-link to="/produce/abc"> 产品abc</router-link> |
			<router-link to="/admin">管理</router-link>
		</nav>
		<router-view />
	</div>
</template>
<style lang="scss">
	*{ margin:0;padding: 0;}
</style>

<style>
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
	}

	nav {
		padding: 30px;
	}

	nav a {
		font-weight: bold;
		color: #2c3e50;
	}

	nav a.router-link-exact-active {
		color: #42b983;
	}

	.bold {
		font-weight: 900;
	}
</style>
